{extend name="/fool" /}
{block name="menu_content"}
<style>
    .mxzd{
        width: 70vw;
        margin-left: 15vw;
    }
    .center{
        line-height: 50px;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
    }
    .left{
        float:left;
    }
    .right{
        float:right;
    }
    .ws{
        width:35vw;
    }
    .time{
        line-height: 40px;
    }
    .ab{
        position: absolute;
    }
    .bt{
        width:32vw;
        margin: 2vh 1vw;
    }
    .sror{
        line-height: 30px;
    }
</style>
<ul class="mxzd">
    <li class="center">
        <div>
            {$time['time']}
            {if $bill == 1}
            日
            {else}
            月
            {/if}汇总账单</div>
    </li>
    <li style="border-bottom: 1px solid rgba(0,0,0,0.5);overflow: hidden;">
        <div class="ws left time">开始日期：<span>
            {$time['time']}
            {if $bill == 1}
            00:00:00
            {else}-1 00:00:00
            {/if}
        </span></div>
        <div class="ws right time">结束日期：<span>
            {$time['time']}
            {if $bill == 1}
            23:59:59
            {else}-31 23:59:59
            {/if}
        </span></div>
        <div style="clear: both;"></div>
    </li>
    <li style="margin:20px 0;">
        <div style="background: #DCDFE6;overflow: hidden;position: relative;line-height: 40px;">
            <div class="left" style="margin-left:5vw">本期收入</div>
            <div class="left ab" style="left:32vw">本期支出</div>
            <div class="left ab" style="left:55vw">本期结算</div>
            <div style="clear: both;"></div>
        </div>
        <div style="border:1px solid #DCDFE6;overflow: hidden;position: relative;line-height: 40px;">
            <div class="left" style="margin-left:5vw">{$hemoney['ru']}</div>
            <div class="left ab" style="left:32vw">{$hemoney['chu']}</div>
            <div class="left ab" style="left:55vw">{$hemoney['heji']}</div>
            <div style="clear: both;"></div>
        </div>
    </li>
    <li>
        <div style="position: relative;overflow: hidden;">
            <div class="left" style="width: 34vw;margin-right: 2vw;border: 1px solid #909399;">
                <div style="background: #DCDFE6;line-height: 40px;padding-left: 15px;">本期收入</div>
                <div class="bt">
                    <div style="overflow: hidden; border-bottom: 1px dashed #909399;">
                        <div class="left">业务类型</div>
                        <div class="right">收入金额</div>
                        <div style="clear: both;"></div>
                    </div>
                    <div>
                        {foreach $ru as $v}
                        <div class="sror" style="overflow: hidden;">
                            <div class="left">
                                {if $v.class == 1}
                                购买合伙人
                                {elseif $v.class == 2}
                                用户提现
                                {elseif $v.class == 3}
                                商品购买
                                {/if}
                            </div>
                            <div class="right moneyru">{$v.money}</div>
                            <div style="clear: both;"></div>
                        </div>
                        {/foreach}
                        <div style="overflow: hidden;margin-top: 20px;">
                            <div class="left">合计收入</div>
                            <div class="right">{$hemoney['ru']}</div>
                            <div style="clear: both;"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="left" style="width: 34vw;border: 1px solid #909399;">
                <div style="background: #DCDFE6;line-height: 40px;padding-left: 15px;">本期支出</div>
                <div class="bt">
                    <div style="overflow: hidden; border-bottom: 1px dashed #909399;">
                        <div class="left">业务类型</div>
                        <div class="right">支出金额</div>
                        <div style="clear: both;"></div>
                    </div>
                    <div>
                        {foreach $chu as $v}
                        <div class="sror" style="overflow: hidden;">
                            <div class="left">
                                {if $v.class == 1}
                                购买合伙人
                                {elseif $v.class == 2}
                                用户提现
                                {elseif $v.class == 3}
                                商品购买
                                {/if}
                            </div>
                            <div class="right moneychu">{$v.money}</div>
                            <div style="clear: both;"></div>
                        </div>
                        {/foreach}
                        <div style="overflow: hidden;margin-top: 20px;">
                            <div class="left">合计支出</div>
                            <div class="right">{$hemoney['chu']}</div>
                            <div style="clear: both;"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="clear: both;"></div>
        </div>
    </li>
    <li style="margin: 50px 0;">
        <button sid="1" type="button" style="margin:0 auto;display: block;" class="dy layui-btn">打印汇总账单</button>
    </li>
</ul>
<script>
    $(".dy").click(function(){
        $("#menu_top").hide();
        window.print();
    })
</script>
{/block}